<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="../js/jquery.js"></script>
    <style>
      .box {
        display: none;
      }
    </style>
  </head>
  <body>
    <div class="mydiv" id="myid">111</div>
    <div class="box">2222</div>
    <div class="mybox">3333</div>
    <script>
      //1. 属性选择器
      // $("div[id]").click(function(){
      //     console.log("点击了");
      // })

      // 2.选取类名以my开头的元素 ^:1.在正则里以某某开头 2.在集合里非 [^ab];
      // $("div[class^=my]").click(function(){
      //     console.log("点击了");
      // })

      // 3.选取属性以某某作为结尾的元素 $
      // $("div[class$=ox]").click(function(){
      //     console.log("点击了");
      // })

      // 4.选择属性中包含某个字符  *
      // $("div[class*=box]").click(function(){
      //     console.log("点击了");
      // })

      // 5.选择属性中不等于某个值的元素
      // $("div[class!=box]").click(function(){
      //     console.log("点击了");
      // })

      // 6.选取隐藏元素  :visible  和 :hidden
      //    var res =   $("div:hidden");
      //    console.log(res);
    </script>
  </body>
</html>
